<template>
        <!-- 组件的结构 -->
        <div class="demo">
            学校名称：{{name}}
            学校地址：{{address}}
            <button @click="showName">点我显示学校名</button>
        </div>  


</template>

<script>
    //组件交互相关的代码（数据，方法等）

    export  default {
            name:'School',
            data(){
                return {
                    name:'尚硅谷115',
                    address:'北京昌平'
                    }             
                },
                methods:{
                    showName(){
                        alert(this.name)
                    }
                }              

    }
   
</script>

<style>
   /*  组件的样式 */
    .demo {
        background-color: aqua;
    }

</style>